<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签页</title>
    <link rel="stylesheet" href="../pc/dist-3.4.1/css/bootstrap.css">
    <script src="../../../jquery-js/jquery.js"></script>
    <script src="../pc/dist-3.4.1/js/bootstrap.js"></script>
</head>
<body>
<br><br><br>
    <ul class="nav nav-pills">
        <li class="active">
            <a href="#home" data-toggle="pill" role="tab">home</a>
        </li>
        <li>
            <a href="#file" data-toggle="pill" role="tab">file</a>
        </li>
        <li>
            <a href="#messages" data-toggle="pill" role="tab">messages</a>
        </li>
        <li>
            <a href="#boot" data-toggle="pill" role="tab">boot</a>
        </li>
        <li>
            <a href="#bttn" data-toggle="pill" role="tab">bttn</a>
        </li>
    </ul>
    <br><br><br>
<div class="tab-content">
    <div class="tab-pane active" id="home">11111111</div>
    <div class="tab-pane" id="file">22222222</div>
    <div class="tab-pane" id="messages">33333333</div>
    <div class="tab-pane" id="boot">44444444</div>
    <div class="tab-pane" id="bttn">55555555</div>
</div>
</body>
</html>